<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/list.css">
</head>
<body>
<div>
    <!--头部区域-->
    <div class="header">
        <a href="#" class="h-logo"><img src="/images/logo.png" alt=""/></a>
        <div class="h-nav-vip">
            <p>商品列表</p>
        </div>
        <div class="h-tel">
            <p class="on active">
                您好&nbsp
                <span>用户昵称</span>
                <a href="index.html">&nbsp&nbsp返回首页&nbsp</a>
                <a href="JavaScript:void(0)" class="logout">&nbsp退出登录</a>
            </p>
            <p class="off vip-off">
                <a href="index.html">返回首页&nbsp</a>
                <a href="login.html">&nbsp&nbsp登录</a>
            </p>
        </div>
    </div>
    <div class="filter-box">
        <div class="content">
            <p>一级分类&nbsp&nbsp></p>
            <ul class="category">
<!--                <li class="active">服装</li>-->
<!--                <span>|</span>-->
<!--                <li>手机数码</li>-->
<!--                <span>|</span>-->
<!--                <li>家用电器</li>-->
<!--                <span>|</span>-->
<!--                <li>家具家装</li>-->
<!--                <span>|</span>-->
<!--                <li>汽车用品</li>-->
<!--                <span>|</span>-->
            </ul>
        </div>
        <div class="content">
            <p>二级分类&nbsp&nbsp></p>
            <ul class="childCategory"></ul>
        </div>
        <div class="content">
            <p>品牌&nbsp&nbsp></p>
            <ul class="brand"></ul>
        </div>
        <div class="content-last">
            <div class="search">
                <p>搜索&nbsp:</p>
                <input type="text" class="search-input">
                <span>查询</span>
            </div>
            <div class="last-right">
                <span class="left" id="left"><</span>
                <span class="totalPage">&nbsp&nbsp&nbsp&nbsp</span>
                <span class="right">></span>
                <input class="pageInput" type="number" value="1">
                <span class="jump">跳转</span>
                <select>
                    <option>8条/页</option>
                    <option>12条/页</option>
                    <option>20条/页</option>
                </select>
            </div>
        </div>
        <div class="content">

        </div>
    </div>

    <ul class="list"></ul>
</div>
<script src="../../jquery-3.6.0.js"></script>
<script src="../js/list.js"></script>
</body>
</html>